<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="css/font.css">
        <link rel="stylesheet" href="css/xadmin.css">
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
<!--                   <input type="text" hidden id="psw"> -->
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>新密码
                      </label>
                      <div class="layui-input-inline">
                          <input name="newPassword" id="newPassword" placeholder="请输入新密密码 (6-12个字符)" required type="password" class="layui-input" lay-verify="pass">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>确认新密密码
                      </label>
                      <div class="layui-input-inline">
                          <input name="password2" id="password2" placeholder="确认新密码"  type="password" class="layui-input" required lay-verify="repass">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>原密码
                      </label>
                      <div class="layui-input-inline">
                          <input name="password" id="password" placeholder="原密码" type="password" class="layui-input" required >
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <button  class="layui-btn layui-btn-lg" lay-submit lay-filter="change_pwd" id="btn_edit_mypsw"> 保存 </button>
                  </div>
              </form>
            </div>
        </div>
        <script>
            $(function  () {
                layui.use('form', function(){
                  var form = layui.form;
                  form.on('submit(change_pwd)', function(data){
                      layer.confirm('是否要修改个人密码?', {icon: 3, title:'警告'}, function(index) {
                          var val = {
                              "id" : sessionStorage.getItem("id"),
                              "newpwd": $('#newPassword').val().trim(),
                              "oldpwd": $('#password').val().trim()
                          };
                          $.ajax({
                              url: "/admin/changePassword",
                              contentType : "application/json",
                              type: "post",
                              data : JSON.stringify(val),
                              success: function (res) {
                                  if(res.msg == 'success') {
                                      layer.msg("修改成功！ 页面即将关闭！ ");
                                      var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                      setTimeout(
                                          function(){
                                              parent.layer.close(index);//关闭弹出的子页面窗口*!/
                                          },1000)
                                  } else {
                                      layer.msg('修改失败');
                                  }
                              }
                          })
                          layer.close(index);
                      });
                    return false;
                  });
                });
            })
        </script>
        <script>layui.use(['form', 'layer'],
            function() {
                //console.log(JSON.stringify(val));
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;
                //自定义验证规则
                form.verify({
                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
                    repass: function(value) {
                        if ($('#newPassword').val() != $('#password2').val()) {
                            return '两次密码不一致';
                        }
                    },
                    confirmPass: function(value) {
                        if ($('#psw').val() != $('#password').val()) {
                            return '原密有误!';
                        }
                    }
                });
            });</script>
    </body>
</html>
